body {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
    background-color: #000;
}

h1 {
    --progress: 0;

    color: transparent;
    width: 420px;
    margin: 0 auto;
    font-size: 60px;
    font-family: Helvetica;
    letter-spacing: -3px;
    background-image: linear-gradient(
        #fff calc(100% - calc(var(--progress) * 100%)),
        #4cd265 calc(100% - calc(var(--progress) * 100%))
    );
    background-clip: text;
    -webkit-background-clip: text;

    transform: scale(clamp(1, calc((var(--progress) - 0.99) * 200), 1.3));
    transition: 0.3s transform ease-out;
}

.buttons {
    position: absolute;
    bottom: 0;
    padding: 20px;
}

.buttons button {
    display: inline-block;
    font-size: 32px;
    background-color: #fff;
    border: 0;
    padding: 10px 20px;
    border-radius: 12px;
    margin: 0 10px;
}
